<template>
  <div>
    <el-container>
      <el-header>
        <b>供应链金融审批</b>
      </el-header>
      <el-container>
        <el-aside width="200px" class="test-wrap">
          <el-menu
            default-active="0-0"
            background-color="#2894FF"
            text-color="#fff"
            active-text-color="#ffd04b"
            style="height: 600px; width: 199px"
          >
            <el-submenu index="2-4">
              <template slot="title">选项4</template>
              <el-menu-item index="2-4-1" @click="aaa">选项4-1</el-menu-item>
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-main><router-view /></el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
export default {
  methods: {
    aaa() {
      this.$router.push("/guaranty");
    },
  },
};
</script>
<style >
.test-wrap {
  background: rgb(84, 146, 228);
  border-radius: 0px 30px 30px 0px;
}
</style>
